<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>转转</title>
	<link rel="stylesheet" type="text/css" href="css/main.css">
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=R2PxjU5YbiFXKKk1oDO7goWv"></script>
	<script type="text/javascript" src="js/jquery-2.1.3.min.js"></script>
	<script type="text/javascript" src="js/My97DatePicker/WdatePicker.js"></script>
	<script type="text/javascript" src="js/main.js"></script>
	<script type="text/javascript" src="js/carpool.js"></script>
</head>
<body>
	<nav>
		<div class="car-logo">苏州转转网络</div>
		<div class="car-nav">
			<div class="car-pool bg border-left">拼车</div>
			<div class="car-rental">租车</div>
			<div class="car-special">专车</div>
			<div class="car-wish">许愿</div>
			<div class="car-im">消息</div>
			<div class="car-service">客服</div>
		</div>
	</nav>

	<div class="car-main">

<!-- 拼车  -->
		<div class="car-content carpool-content">
			<nav>
				<li value="1" class="carpool-city-nav bg">市内用车</li>
				<li value="7" class="carpool-sendplane-nav">送机</li>
				<li class="carpool-search-nav">拼车搜索</li>
			</nav>
			<div>
<!-- 市内用车  -->
				<div class="car-block carpool-main">
					<div class="row-left">
						<div class="carpool-origin-name common-div">
							<label>起点</label>
							<input type="text" placeholder="请输入地址" id="city-map1" size="20">
							<div id="city-map3" style="border:1px solid #C0C0C0;width:150px;height:auto; display:none;"></div>
						</div>
						<div class="carpool-destination-name common-div">
							<label>终点</label>
							<input type="text" placeholder="请输入地址" id="city-map2" size="20" value="" >
							<div id="city-map4" style="border:1px solid #C0C0C0;width:150px;height:auto; display:none;"></div>
						</div>
						<div class="carpool-vehicle city-vehicle common-div">
							<label>车型</label>
							<select disabled="disabled">
								<option selected="true" value="3">出租车</option>
							</select>
						</div>
						<div class="carpool-vehicle sendplane-vehicle common-div hide">
							<label>车型</label>
							<select>
								<option selected="true" value="0">普通车</option>
								<option value="1">商务车</option>
								<option value="2">豪华车</option>
								<option value="4">电调车</option>
							</select>
						</div>
						<span id="car-pool-city-map" style="width:495px;height:340px;display:block;margin-left:20px;"></span>
					</div>
					
					<div class="row-right">
						<div class="carpool-time-start">
							<label>发车起始时间</label>
							<input type="text" id="d241" onfocus="WdatePicker({dateFmt:'yyyy/MM/dd HH:mm:ss'})" class="Wdate" value="">
						</div>
						<div class="carpool-time-end">
							<label>发车终止时间</label>
							<input type="text" id="d242" onfocus="WdatePicker({dateFmt:'yyyy/MM/dd HH:mm:ss'})" class="Wdate" value="">
						</div>
						<div class="carpool-available-num">
							<label>拼车人数上限</label>
							<select class="select-number-top">
								<option>1</option>
								<option>2</option>
								<option selected>3</option>
								<option>4</option>
							</select>
						</div>
						<div class="carpool-departure-num">
							<label>拼车人数下限</label>
							<select class="select-number-bottom">
								<option>1</option>
								<option>2</option>
								<option>3</option>
							</select>
						</div>
						<div class="carpool-luggage_limits">
							<label>携带行李上限/人</label>
							<select class="luggage-number">
								<option>0</option>
								<option selected="">1</option>
								<option>2</option>
							</select>
						</div>
						<div class="carpool-gender">
							<label>拼车人性别</label>
							<label><input type="radio" name="carpool-sex" value="1">男</label>
							<label><input type="radio" name="carpool-sex" value="2">女</label>
							<label><input type="radio" name="carpool-sex" value="0" checked="checked">不限</label>
						</div>
						<div class="carpool-allow-free">
							<label>允许帅哥美女志同道合者化缘</label>
							<label><input type="radio" name="carpool-free" value="1">是</label>
							<label><input type="radio" name="carpool-free" value="0" checked="checked">否</label>
						</div>
						<div class="carpool-description">
							<label>备注</label>
							<textarea rows="3"></textarea>
						</div>
						<span class="block-button order-submit carpool-button">
							<button id="submit-information">下单</button>
						</span>
					</div>
				</div>
	<!-- 市内用车  结束-->

<!-- 送机  -->
				<div class="car-block carpool-sendplane hide">
				</div>
<!-- 送机  结束-->
<!-- 拼车搜索  -->
				<div class="car-block carpool-search hide">
					<div class="row-left">
						<div class="carpool-search-origin-name common-div">
							<label>起点</label>
							<input type="text" placeholder="请输入地址" id="search-map1" size="20">
							<div id="search-map3" style="border:1px solid #C0C0C0;width:150px;height:auto; display:none;"></div>
						</div>
						<div class="carpool-search-destination-name common-div">
							<label>终点</label>
							<input type="text" placeholder="请输入地址" id="search-map2" size="20" value="" >
							<div id="search-map4" style="border:1px solid #C0C0C0;width:150px;height:auto; display:none;"></div>
						</div>
						<div class="carpool-search-vehicle common-div">
							<label>车型</label>
							<select disabled="disabled">
								<option selected="true" value="3">出租车</option>
							</select>
						</div>
						<span id="car-pool-search-map" style="width:495px;height:340px;display:block;margin-left:20px;"></span>
					</div>
					<div class="row-right">
						<div class="carpool-search-time-start">
							<label>发车起始时间</label>
							<input type="text" id="d241" onfocus="WdatePicker({dateFmt:'yyyy/MM/dd HH:mm:ss'})" class="Wdate" value="">
						</div>
						<div class="carpool-search-available-num">
							<label>拼车人数上限</label>
							<select class="select-number-top">
								<option>1</option>
								<option>2</option>
								<option selected>3</option>
								<option>4</option>
							</select>
						</div>
						<div class="carpool-search-luggage_limits">
							<label>携带行李上限/人</label>
							<select class="luggage-number">
								<option>0</option>
								<option selected="">1</option>
								<option>2</option>
							</select>
						</div>
						<div class="carpool-search-allow-free">
							<label>允许帅哥美女志同道合者化缘</label>
							<label><input type="radio" name="carpool-free" value="1">是</label>
							<label><input type="radio" name="carpool-free" value="0" checked="checked">否</label>
						</div>
						<span class="block-button carpool-search-button">
							<button>搜索</button>
						</span>
					</div>
				</div>
<!-- 拼车搜索  结束-->
			</div>
		</div>
<!-- 拼车 结束  -->


<!-- 订单详情-->
		<div class="order-block hide">
			<div class="order-head">订单详情</div>
			<div class="order-number">订单编号：34355465465757</div>
			<div class="order-content">
				<div class="order-left">
					<div class="order-left-content"></div>	
				</div>
				<div class="order-right">
					<div class="order-right-content"></div>
				</div>
			</div>
			<div class="order-button">
				<button>支付</button>
			</div>
			<div class="order-button">
				<button>退出此次拼车</button>
			</div>
		</div>
<!-- 订单详情  结束-->

	</div>
<script type="text/javascript" src="js/map.js"></script>
</body>
</html>